@charset "utf-8";
//引入common公共部分
@import "common";

.tittleImg{
    background-image: url(../img/xingxing2.png);
}

section{
    @include sectionCss;
    padding: 0 r(20);
    .shopInfoImg{
        width: 100%;
        img{
            width: 100%;
        }
    }
    &>h3{
        font-size: half(72);
        color: $orange;
        margin: half(10) 0;
        span{
            display: inline-block;
            width: half(112);
            height: half(59);
            line-height: half(59);
            text-align: center;
            font-size: half(30);
            font-weight: 100;
            color: white;
            background-color: $orange;
            border-radius: 5px;
            margin-top: half(20);
            margin-right: half(10);
        }
    }
    .evaluate{
        width: 100%;
        margin-top: half(20);
        img{
            width: half(36);
            height: half(36);
            margin-left: half(10);
        }
        h3{
            display: inline-block;
            font-size: half(30);
            margin-left: half(10);
            span{
                display: inline-block;
                color: $orange;
                font-size: half(30);
            }
        }
        h4{
            display: inline-block;
            font-size: half(30);
            color: #979797;
            margin-right: half(10);
        }
    }
    &>span{
        display: block;
        width: r(670);
        height: half(67);
        line-height: half(67);
        background-color: $orange;
        color: white;
        font-size: half(30);
        padding: 0 r(10);
        margin: half(20) r(10);
    }
    .shopPerfect{
        width: r(690);
        margin: half(20) r(10);
        .shopPerfectImg{
            width: half(176);
            height: half(176);
            position: relative;
            img{
                width: 100%;
            }
            span{
                position: absolute;
                display: inline-block;
                width: 100%;
                bottom: half(45);
                font-size: half(24);
                left: 0;
                text-align: center;
                background-color: white;
                opacity: 0.7;
                padding: half(5) 0;
            }
        }
        .shopPerfectInfo{
            margin-left: half(20);
            h3{
                font-size: half(30);
                font-weight: 100;
                margin-top: half(12);
                margin-left: half(10);
            }
            h4{
                font-size: half(24);
                font-weight: 100;
                margin-left: half(10);
                margin-top: half(5);
                color: #929292;
            }
            &>a{
                display: block;
                color: $orange;
                font-size: half(24);
                margin-left: half(10);
                margin-top: half(5);
            }
        }
        &>span{
            @include spanComm1;
            width: half(110);
            height: half(58);
            line-height: half(58);
            background-color: $orange;
            color: white;
            margin-top: half(69);
            border-radius: 10px;
            font-size: half(30);
        }
    }
}

//打分s
.score{
    width: half(220);
    margin-top: half(10);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: half(24);
    span{
        color: #929292;
    }
    label{
        color: white;
        /* 文字描边 */
        -webkit-text-stroke: 1px $orange;
        float: right;
        &:hover{
            color: $orange;
            cursor: pointer;
        }
        &:hover~label{
            color: $orange;
        }
    }
    input{
        display: none;
        &:checked~label{
            color: $orange;
        }
    }
}
//打分e